.ui-entity-catalog-popup-titlebar {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 66px;
	padding: 0 50px 0 25px;
	position: relative;
	font: 18px/57px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: var(--bizproc-debugger__gray_dark);
}

.ui-entity-catalog__scope .popup-window-titlebar {
	position: relative;
	height: auto;
}

.ui-entity-catalog__scope .popup-window-titlebar::after {
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.508016) 41.51%, rgba(0, 0, 0, 0.0001) 100%);
	opacity: 0.08;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
}

.ui-entity-catalog__scope .popup-window-close-icon {
	opacity: 0.7;
}

.ui-entity-catalog__scope .popup-window-close-icon::after {
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9 1.197a1 1 0 111.414 1.414L2.12 11.803A1 1 0 01.707 10.39L9.9 1.197z' fill='%23535c68'/%3E%3Cpath d='M.707 2.61a1 1 0 011.414-1.414l9.193 9.193a1 1 0 01-1.415 1.414L.707 2.611z' fill='%23535c68'/%3E%3C/svg%3E");
}

.ui-entity-catalog__scope .popup-window-content {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.ui-entity-catalog__scope .popup-window-titlebar-close-icon {
	right: 18px;
	top: 49%;
	transform: translate(0px, -50%);
}
.ui-entity-catalog__scope {
	--entity-catalog__gray_lighter: rgba(245,247,248,1);
	--entity-catalog__gray_light: rgba(237,238,240,1)
}

.ui-entity-catalog__main-separator {
	background: #e1e2e4;
	width: calc(100% - 34px);
	height: 1px;
	margin: 34px 20px 27px;
	border: none;
}

.ui-entity-catalog__main {
	display: flex;
	max-height: 100%;
	height: 100%;
	min-height: 555px;
	box-sizing: border-box;
}


.ui-entity-catalog__titlebar_search {
	flex-shrink: 0;
	margin-left: auto;
}
.ui-entity-catalog__option-btn-block {
	flex-shrink: 0;
	margin-left: 7px;
}

.ui-entity-catalog__btn {
	/*display: block;*/
	display: flex;
	padding: 5px 16px;
	border-radius: var(--ui-border-radius-pill, 99rem);
	border: 1px solid var(--ui-color-primary, #2fc6f6);
	background: var(--ui-color-background-primary, #ffffff);
	font-weight: var(--ui-font-weight-semi-bold, 600);
	font-size: var(--ui-font-size-md, 14px);
	line-height: var(--ui-font-line-height-3xs, 1.2);
	color: var(--ui-color-text-secondary, #525c69);
	cursor: pointer;
	transition: .2s;
}

.ui-entity-catalog__btn.--lock {
	padding-left: 9px;
}

.ui-entity-catalog__btn.--lock::before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background: no-repeat center;
	background-image: url("../images/ui-entity-catalog__btn--lock-dark.svg");
}

.ui-entity-catalog__option:hover .ui-entity-catalog__btn {
	background: var(--ui-color-primary, #2fc6f6);
	color: var(--ui-color-background-primary, #ffffff);
}

.ui-entity-catalog__option:hover .ui-entity-catalog__btn.--lock::before {
	background-image: url("../images/ui-entity-catalog__btn--lock-light.svg");

}
.ui-entity-catalog__empty-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.ui-entity-catalog__empty-content_icon {
	margin-right: 27px;
}

.ui-entity-catalog__empty-content_text {
	position: relative;
	margin-top: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	font-size: var(--ui-font-size-xl, 16px);
	line-height: var(--ui-font-line-height-xl, 1.62);
	text-align: center;
	color: var(--ui-color-base-60, #959ca4);
	max-width: calc(100% - 186px);
}
.ui-entity-catalog__main-groups {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 355px;
	padding: 12px 10px 17px 12px;
	flex-shrink: 0;
	background: var(--entity-catalog__gray_lighter);
}

.ui-entity-catalog__main-groups-head {
	padding-right: 12px;
	margin-bottom: 14px;
}

.ui-entity-catalog__recently {
	padding-right: 12px;
	box-sizing: border-box;
	margin-bottom: 14px;
}

.ui-entity-catalog__main-groups-content {
	max-height: 100%;
	width: 100%;
	padding-right: 8px;
	box-sizing: border-box;
	overflow-y: scroll;
}

.ui-entity-catalog__main-groups-content::-webkit-scrollbar-track {
	background: transparent;
}

.ui-entity-catalog__main-groups-content::-webkit-scrollbar-thumb {
	border-radius:  var(--ui-border-radius-sm, 8px);
	background: var(--ui-color-base-40, #bdc1c6);
	cursor: pointer;
	transition: .2s;
}

.ui-entity-catalog__main-groups-content::-webkit-scrollbar {
	width: 4px;
}

.ui-entity-catalog__main-groups-footer {
	padding-right: 12px;
	margin-top: 14px;
}

.ui-entity-catalog__main-content {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 555px;
	min-width: 485px;
	height: 100%;
	width: calc(100% - 296px);
	box-sizing: border-box;
	padding: 12px 8px 17px 14px;
	background: var(--entity-catalog__gray_light);
}

.ui-entity-catalog__main-content-body::-webkit-scrollbar {
	width: 4px;
}

.ui-entity-catalog__main-content-body::-webkit-scrollbar-track {
	background: transparent;
}

.ui-entity-catalog__main-content-body::-webkit-scrollbar-thumb {
	border-radius:  var(--ui-border-radius-sm, 8px);
	background: var(--ui-color-base-40, #bdc1c6);
	cursor: pointer;
	transition: .2s;
}

.ui-entity-catalog__main-content-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	overflow-y: scroll;
	max-height: 100%;
	padding-right: 9px;
	margin-top: 19px;
}

.ui-entity-catalog__content.--help-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	box-sizing: border-box;
	padding-bottom: 4%;
}

.ui-entity-catalog__titlebar_btn-filter:hover::before {
	opacity: 1;
}

.ui-entity-catalog__titlebar_btn-filter::after {
	content: '';
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 1;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: var(--ui-border-radius-circle, 50%);
	border: 2px solid #ffffff;
	background-color: var(--ui-color-primary, #2fc6f6);
	opacity: 0;
	pointer-events: none;
}

.ui-entity-catalog__titlebar_btn-filter.--active::after {
	opacity: 1;
}

.ui-entity-catalog__filter-block_selected {
	width: 24px;
	flex-shrink: 0;
	margin-left: auto;
	background: url(../images/ui-entity-catalog--selected.svg) center no-repeat;
}


.ui-entity-catalog__titlebar_btn-filter {
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.ui-entity-catalog__titlebar_btn-filter::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.7;
	background: url(../images/ui-entity-catalog--filter-icon.svg) center no-repeat;
	pointer-events: none;
	transition: .2s;
}

.ui-entity-catalog__menu {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none outside none;
	border-radius: var(--ui-border-radius-sm, 8px);
	overflow: hidden;
}

.ui-entity-catalog__menu:not(.ui-entity-catalog__menu:first-of-type) {
	margin-top: 14px;
}

.ui-entity-catalog__options {
	box-sizing: border-box;
	border-radius: var(--ui-border-radius-md, 10px);
	background-color: var(--ui-color-background-primary, #ffffff);
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	font-size: var(--ui-font-size-sm, 13px);
	line-height: var(--ui-font-line-height-md, 1.4);
	color: var(--ui-color-text-secondary, #525c69);
}
.ui-entity-catalog__menu_item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 13px 5px 13px 11px;
	background-color: var(--ui-color-background-primary, #ffffff);
	cursor: pointer;
	transition: .2s;
}

.ui-entity-catalog__menu_item:hover {
	background: #f1f4f6;
}

.ui-entity-catalog__menu_item.--active {
	background: var(--ui-color-background-info, #e5f9ff);
}

.ui-entity-catalog__menu_item:not(.ui-entity-catalog__menu_item:first-child) {
	margin-top: 1px;
}

.ui-entity-catalog__menu_item:not(.ui-entity-catalog__menu_item:first-child)::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translate(-50%, 0);
	width: calc(100% - 20px);
	height: 1px;
	background: rgba(82,92,105,.08);
}

.ui-entity-catalog__menu_item.--disabled {
	pointer-events: none;
	opacity: 0.8;
}

.ui-entity-catalog__menu_item::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	margin-left: auto;
	flex-shrink: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/ui-entity-catalog--arrow-icon.svg);
}

.ui-entity-catalog__menu_item-text {
	font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: var(--ui-color-base-default, #333333);
	flex-shrink: 1;
}

.ui-entity-catalog__menu_item-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border: 1px solid #c1eefd;
	margin-right: 10px;
	border-radius: var(--ui-border-radius-circle, 50%);
	background-position: center;
	background-repeat: no-repeat;
}

.ui-entity-catalog__menu_item.--disabled .ui-entity-catalog__menu_item-icon {
	border-color: var(--ui-color-base-10, #edeef0);
}

.ui-entity-catalog__menu_item.--active .ui-entity-catalog__menu_item-icon {
	background-color: var(--ui-color-primary, #2fc6f6);
	border-color: var(--ui-color-primary, #2fc6f6);
}

.ui-entity-catalog__svg-icon-blue {
	fill: var(--ui-color-primary, #2fc6f6);
	transition: .2s;
}

.ui-entity-catalog__menu_item.--active .ui-entity-catalog__svg-icon-blue {
	fill: var(--ui-color-background-primary, #ffffff);
}

.ui-entity-catalog__menu_item.--disabled .ui-entity-catalog__svg-icon-blue {
	fill: var(--ui-color-base-40, #bdc1c6);
}
.ui-entity-catalog__option {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 17px 19px;
	cursor: pointer;
}

.ui-entity-catalog__option:not(.ui-entity-catalog__option:first-child) {
	border-top: 1px solid rgba(130,139,149,.2);
}

.ui-entity-catalog__option-info_name {
	font-weight: var(--ui-font-weight-semi-bold, 600);
	font-size: var(--ui-font-size-xl, 16px);
	color: var(--ui-color-text-primary, #333333);
}

.ui-entity-catalog__option-info_description {
	margin-top: 6px;
	opacity: 0.7;
}

.ui-entity-catalog__option-info_label {
	margin-left: 10px;
	font-weight: var(--ui-font-weight-regular, 400);
	font-size: var(--ui-font-size-md, 14px);
	line-height: var(--ui-font-line-height-xl, 1.62);
	opacity: 0.4;
}